<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="index.js"></script>
</head>
<body>
<div id="container">
    <div id="box">
        <div id="top"><p>留言板</p></div>
        <form action="javascript:;" method="POST" name="message-board">
        <div id="username">
            <p class="text">Your Name:</p>
            <input id="mess-name" type="text" name="username" autocomplete="off">
        </div>
        <div id="content">
            <p class="text">Message:</p>
            <textarea id="mess-content" name="message" id="" cols="30" rows="10"></textarea>
        </div>
        <div id="send">
            <input id="submit-btn" type="submit" value="send">
        </div>
        </form>
    </div>
</div>
<div id="messages">
    <div id="messages-title">留言(<span id="num">0</span>)</div>
    <ul id="messages-list">
        <!--<li><span class="messages-name">222222</span><span class="messages-content">1111111111111</span><em>×</em></li>-->
    </ul>
</div>
</body>
</html>